<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>简易学生管理系统</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"/>
</head>
<body>
    <div id="app" class="container">
        <h3>简易学生管理系统</h3>
        <div>
            <label for="username">姓名：</label>
            <input type="text" id="username" v-model="username" placeholder="输入用户名" />
            <div>
                <label for="age">年龄：</label>
                <input type="text" id="age" v-model="age" placeholder="输入年龄" /> 
            </div>
            <div>
                <span>性别：</span>
                <select name="sex" id="sex" v-model="sex">
                    <option value="男">男</option>
                    <option value="女">女</option>
                </select>
            </div>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
    <script type="text/javascript">
        var vm = new Vue({
            el: '#app',
            data: {
                msg: 'Hello World'
            }
        })
    </script>
</body>
</html>